{include file="/home/geeka813/public_html/smarty_templates/common.tpl"}
	
<!-- Load plupload and all it's runtimes and finally the jQuery queue widget -->
	
 	
 	{literal}

	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
	<script type="text/javascript" src="/plupload/js/plupload.full.js"></script>
	<script type="text/javascript" src="/js/scratch.js"></script>


	
 	{/literal}
	
	<section class="modalUploading" id="uploading">
	   <div>
		<img src="/images/ajax-loader.gif" alt="Loading..."> 
	   </div>
	</section>
		
	<section class="modalDialog" id="uploadgame">
		<div>
		   <a title="Close" class="closexx" id="closepopup">X</a>

 	    	   <div id="filelist" style="display:none;">No runtime found.</div>
 	    	   <br />

                   <div id="container"/>

 	    	
		   <form id="gameform">
			<label>Name:</label>
			<input type="name" id="name" name="name">
			<label>Email:</label>
			<input type="email" id="email" name="email">
			<label>Game Title:</label>
			<input type="name" id="gametitle" name="gametitle">
			<label>Game Selected:</label>
			<input type="gamefile" id="gamefile" readonly="readonly">
                        <a id="pickfiles" href="#">Select Scratch Game</a>
		   </form>
		   
		   <label>Game Description</label>
		   <textarea id="gamedescription" rows="2" cols="30" style="resize:none;" name="comment" form="usrform" data-value="">Enter text here...</textarea>
                        
		   <label>Game Instructions</label>
		   <textarea id="gameinstructions" rows="2" cols="30" style="resize:none;" name="comment" form="usrform" data-value="">Enter text here...</textarea>
	
		   <button id="gamesubmit">Submit Game</button>
		   
		   </div>
		   


                </div>
                

	</section>
	
	<!-- Container -->
	<section class="container row clearfix">
		<header class="clearfix">

                        <nav id="main-menu" class="left navigation">
				<ul class="sf-menu no-bullet inline-list m0">
					<li><a href="index.php">Home</a></li>
					
					{foreach $menu1 as $menuItem}
					<li><a href={if $menuItem->link}"{$menuItem->link}"{else}"#"{/if} {if $menuItem->name == "Scratch"}class="active"{/if}>{$menuItem->name}</a>
						{if $menuItem->submenus}
						<ul class="sub-menu">
							{foreach $menuItem->submenus as $subMenuItem}
							<li><a href="{$subMenuItem->link}">{$subMenuItem->name}</a>
							
                                                           {if $subMenuItem->subpages|@count >= 1}
							   <ul class="sub-menu">
							   {foreach $subMenuItem->subpages as $subPageItem}
							            <li><a href="{$subPageItem->link}">{$subPageItem->name}</a></li>
		    			                   {/foreach}
                                                           </ul>
                                                           {/if}
		    			                  
		    			                </li>
							{/foreach}
						</ul>
						{/if}
		    			</li>
		    			{/foreach}
				</ul>
			</nav>

			<!--
			<div class="search-bar right clearfix">
				<form action="http://www.geekawhat.com/search.php">
					<input name="s" type="text" data-value="search" value="search">
					<input name="submit" type="submit" value="">
				</form>
			</div>
			-->
			<div class="right clearfix">
				<button type="button" id="douploadgame">Upload A New Game</button>
			</div>
		</header>

		<!-- Inner Container -->
		<section class="inner-container clearfix">
		
			<!-- Content -->
			
			<section id="content" class="twelve column row pull-left">
			
				<section class="row">
				
				   	<article class="six column">
				   		<h4 class="cat-title">Scratch Trailer</h4>
				   		<div class="post-image">
				   			<iframe src="http://player.vimeo.com/video/65583694?title=0&amp;byline=0&amp;portrait=0&amp;color=080ff" width="100%" height="320" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
				   		</div>
				   	</article>
				
					<article class="six column">
						<div class="post-image">
							<img src="/images/scratch_tutorial_pic2.PNG" alt="scratchtutorial howtoscratch beginnersscratchguide scratchtutorialforkids learnscratch" style="max-height: 320px">
						</div>
					</article>
				
				</section>
				
				<br clear="all"/>
				<br clear="all"/>
			
				<div class="clearfix mb10 oh">
					<h4 class="cat-title">Scratch Projects</h4>
					
					<div class="carousel-container">
						<div class="carousel-navigation">
							<a class="carousel-prev"></a>
							<a class="carousel-next"></a>
						</div>

						<div class="carousel-item-holder row" data-index="0">
							
							{foreach $games as $game}
							<div class="four column carousel-item">
								<br clear="all"/>
								<div class="post-image">
									<a href="{$game->clickurl}"><img src="{$game->imageurl}" alt="scratchgames"></a>
								</div>
									
								<div class="post-container">
									<h2 class="post-title">{$game->gametitle}</h2>
									<div class="post-content">
										<p>Author: {$game->name}</p>
										<p>Instructions: {$game->gameinstructions}</p>
									</div>
								</div>
							</div>
							{/foreach}
									
						</div>
					</div>
				</div>
					
					
					
					
				
				
				

<!--
                                <div id="disqus_thread"></div>
                                <script type="text/javascript">

                                   var disqus_shortname = 'geekawhat'; // required: replace example with your forum shortname
                                   var disqus_identifier = 'scratch_page';
                                   var disqus_title = 'Discuss Geekawhat';
                                   var disqus_url = 'http://www.geekawhat.com/scratch.php';

                                  (function() {
                                      var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
                                      dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
                                      (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
                                   })();
                                </script>
                                <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
                                <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
                                
                                -->
				



				<!-- Ads
				<div class="ads-middle mb25">
					<a href="#"><img src="http://placehold.it/468x60" alt=""></a>
				</div> -->
				<!-- Ads -->

				<section class="row">
					<!-- Category posts -->
					{foreach $categoryPosts as $categoryPost}
					<article class="six column">
						<h4 class="cat-title"><a href="#">{$categoryPost->title}</a></h4>
						<div class="post-image">
							<a href="#"><img src="{$imagebaseurl}/{$categoryPost->image}" alt=""></a>
						</div>

						<div class="post-container">
							<h2 class="post-title">{$categoryPost->posttitle}</h2>
							{if $categoryPost->postcontent}
							<div class="post-content">
								<p>{$categoryPost->postcontent}</p>
							</div>
							{/if}
						</div>

						<div class="post-meta">
							{if $categoryPost->date}
							<span class="date"><a href="#">{$categoryPost->date}</a></span>
							{/if}
						</div>

						
					</article>
					{/foreach}
					<!-- End Category posts -->

				</section>

				
			</section>
			<!-- Content -->

			<!-- Sidebar -->
			<!--
                        <aside class="four column pull-right sidebar-twitter" style="min-height:600px;min-width: 180px">
                           {literal}
                           <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
{/literal}
                           <a class="twitter-timeline"  href="https://twitter.com/GeekaWhat"  data-widget-id="335390083077259264">Tweets by @GeekaWhat</a>
                        </aside>
                        
                        -->

			
			<!-- End Sidebar -->

			<!-- Footer -->
			<footer class="row clearfix">

				<div class="copyright clearfix">
					© Copyright 2013 Geekawhat
				</div>

				<div id="back-to-top" class="right">
					<a href="#top">Back to Top</a>
				</div>
			</footer>
			<!-- End Footer -->
		</section>
		<!-- End Inner Container -->
	</section>
	<!-- End Container -->

	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery.superfish.js"></script>
	<script type="text/javascript" src="js/jquery.flexslider.min.js"></script>
	<script type="text/javascript" src="js/jquery.fancybox.js"></script>
	<script type="text/javascript" src="js/jcarousel.js"></script>
	<script type="text/javascript" src="js/jquery.masonry.min.js"></script>
	<script type="text/javascript" src="js/script.js"></script>
</body>
</html>